<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js"
></script>

<script type="text/javascript">
var caption=new String("Start creating right now!");
var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [240, 240], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["images/tshirts/ts1.jpg", "merchandise.php", "_self", caption],
		
		["images/tshirts/ts2.jpg", "merchandise.php", "_self", caption],
		
		["images/tshirts/ts3.jpg", "merchandise.php", "_self", caption],
		
		["images/tshirts/ts4.jpg", "merchandise.php", "_self", caption],
		
		["images/tshirts/ts5.jpg", "merchandise.php", "_self", caption]
		//<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})



</script>

</head>

<body>

<div id="fadeshow1"></div>

</body>
</html>
